@import "../../../../styles/theme.less";

@btn-grp-white: #FFFFFF;
@btn-group-bg: rgba(24,69,118,0.08);

.cil__detail-header {
  margin-top: 10px;
  margin-bottom: 17px;
  height: 40px;

  .cil__left-block {

    .cil__banner {
      width: 4px;
      height: 16px;
      background-color: #FEC701;
      margin-right: 7px;
    }

    .cil__title {
      color:#404040;
      font-size: 18px;
    }

    .cil__icon {
      cursor: pointer;
    }

    .cil__icon.hide {
      display: none;
    }

    .cil__edit {
      margin-left: 10px;
    }
  }

  .cil__radio-group {
    padding: 6px;
    background-color: @btn-group-bg;
    border-radius: 4px;

    // Add scroll to the tab bar list
    overflow-x: scroll;
    overflow-y: hidden;
    max-width: 800px;
    white-space: nowrap;

    .ant-radio-button-wrapper  {
      background-color: transparent;
      border: 0px;
      border-radius: 0px;
      color: @primary-color;
      font-weight: 500;
      // 第一个按钮
      &:first-child {
        border-left: 0;
      }
      // 除了第一个按钮
      &:not(:first-child) {
        &::before {
          width: 0px;
        }
      }
    }
    // Style被选的按钮
    .ant-radio-button-wrapper-checked {
      background-color: @primary-color;
      color: @btn-grp-white;
      border-radius: 4px;
    }
  }

  // Hide scroll bar
  .cil__radio-group::-webkit-scrollbar {
    height: 0;
  }

}

.btn-icon-style () {
  background-color: transparent;
  border: 0;
  box-shadow: none;
}

.scrollBar {
  display: flex;
  flex-direction: row;
  align-items: center;

  .carousel-btn-left {
    margin-right: 5px;
    .btn-icon-style();
  }
  .carousel-btn-right {
    margin-left: 5px;
    .btn-icon-style();
  }
}

